@charset "utf-8";
html,body{height:100%; padding:0px; margin:0px;min-width: 1200px;font:14px 微软雅黑;color:#444;}
a { text-decoration: none; outline: none; color: #666; transition: 0.2s; }
p{text-align: justify;text-justify:inter-ideograph;margin: 0;}
li {list-style-type: none; vertical-align: top; margin: 0;padding:0;}
ul {margin: 0;padding: 0;}
img{margin: 0;padding: 0;border: 0; vertical-align: top;}
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0;padding: 0}
dl,dt,dd{padding: 0;margin:0;}
i,em{font-style: normal;}

.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.w0{width: 100%;}
.w1200{width: 1200px;margin:0 auto;}
.w1140{width: 1140px;margin:0 auto;}

/*header start*/
.header .head_top{height: 35px;background: #efefef;line-height: 35px;border-bottom: 1px solid #dfdfdf}
.header .head_top a{display: inline-block;margin: 5px;padding: 0 15px;height: 25px;line-height: 25px;color: #fff}
.header .head_top a.cn{background: #C00005}
.header .head_top a.en{background: #0067d5}
.header .head_top a:nth-child(2) {margin-right: 0px}
.header .head_body{height: 100px;}
.header .head_body .hb_con{padding: 20px 0 0 15px}
.header .head_body .hb_con b{font-size: 24px;padding-bottom: 5px;display: block;color: #C00005}
.header .head_body .hb_con p{font-size: 16px;line-height: 180%;letter-spacing: 2px}
.header .tel{padding: 17px 0 15px 70px;background: url(../images/tel.png) no-repeat center left;}
.header .tel p{line-height: 30px;font-size: 17px;}
.header .tel b{font-size: 28px;font-family: Arial;color: #C00005}
.head_nav{background: #0067d5;border-bottom: 4px solid #C00005}
.nav{width: 1200px; height:50px; line-height:50px; position:relative;z-index:999;background: #0067d5;margin: 0 auto}
.nav .nLi{width: 200px; float:left; position:relative; display:inline;}
.nav .nLi > a{ display:block; width: 200px; font-size:16px;font-weight: normal;text-align: center;color: #fff;}
.nav .sub{ display:none; width:200px; left:0; top:54px;position:absolute;z-index: 9999;background:rgba(0,0,0,0.7);line-height:35px;}
.nav .sub li{ zoom:1;}
.nav .sub a{ display:block; padding:0 10px;text-align: center;font-size: 15px;color: #fff}
.nav .sub a:hover{ background:#C00005; color:#fff;}
.nav .on > a{ background:#C00005;color:#fff;border-bottom: 4px solid #0067d5}
/*header end*/

/*banner start*/
.flexslider {
	margin: 0px auto 0px;
	position: relative;
	width: 100%;
	height:550px;
	overflow: hidden;
	zoom: 1;
}

.flexslider .slides li {
	width: 100%;
	height: 100%;
}

.flex-direction-nav a {
	width: 70px;
	height: 70px;
	line-height: 99em;
	overflow: hidden;
	margin: -35px 0 0;
	display: block;
	background: url(../images/ad_ctr.png) no-repeat;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
	border-radius: 35px;
}

.flex-direction-nav .flex-next {
	background-position: 0 -70px;
	right: 0;
}

.flex-direction-nav .flex-prev {
	left: 0;
}

.flexslider:hover .flex-next {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50);
}

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}

.flex-control-nav li {
	margin: 0 2px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	background: #aaa;
	display: block;
	height: 10px;
	overflow: hidden;
	text-indent: -99em;
	width: 10px;
	cursor: pointer;
	-webkit-transition: all 0s ease;
	border-radius: 10px;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
	background: #C00005;
}

.flexslider .slides a img {
	width: 100%;
	height: 550px;
	display: block;
}
/*banner end*/
.scrollbg {
    width: 100%;
    height: 100%;
    background-image: url(../images/probg.jpg);
    background-attachment: fixed;
    background-position: 50% 0%;
    background-repeat: no-repeat;
    position: absolute;
    z-index: -1;
}
/*product start*/
.product{padding: 50px 0 30px 0;background: rgba(0, 77, 157, 0.2);}
.product .pro_l{width: 260px;}
.product .pro_l .prolist_top{width: 260px;height: 105px;background: url(../images/pro_top.jpg) no-repeat center bottom;font-size:32px;text-align:center;line-height: 105px;font-weight: bold;color: #fff}
.product .pro_l .prolist_mid{width: 260px;background: #eee;padding: 10px 0 17px 0; border-bottom: 3px solid #bbb}
.product .pro_l .prolist_mid .ul1 > li > a{display: block;width: 190px;height: 45px;background: #0167D6;margin:10px auto;line-height: 45px;color: #fff;font-size: 18px;padding: 0 20px;border-radius: 5px}
.product .pro_l .prolist_mid .ul2 > li > a{display: block;width: 190px;height: 38px;background: #dfdfdf;padding: 0 20px;margin:10px auto;line-height: 38px;font-size: 15px}
.product .pro_l .prolist_mid .ul3{margin: 10px 0}
.product .pro_l .prolist_mid .ul3 > li > a{display: block;width: 210px;margin: 5px auto;border-bottom:1px dashed #dfdfdf;line-height: 27px;padding-left: 20px;}
.product .pro_r{width: 940px;}
.product .pro_r ul{width: 940px}
.product .pro_r ul li{width: 260px;background: #fff;float: left;margin-left: 33px;padding: 10px;margin-bottom: 28px;background: #eaeaea}
.product .pro_r ul li .img{width: 258px;height: 193px;overflow: hidden;border:1px solid #eee;}
.product .pro_r ul li .img img{width: 258px;height: 193px; display: block;-moz-transition:.5s ease-in;-webkit-transition:.5s ease-in;-o-transition:.5s ease-in;-ms-transition:.5s ease-in;transition:.5s ease-in;}
.product .pro_r ul li:hover .img img { transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}
.product .pro_r ul li p{line-height: 35px;text-align: center;display: block;width: 260px;margin:0 auto;font-size: 15px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.product .pro_r ul li .more{width: 260px;height: 30px;background: #0167D6;text-align: center;line-height: 30px;color: #fff}
.product .pro_r ul li:hover {background: #0167D6;color: #fff}
.product .pro_r ul li:hover p{color: #fff}
.product .pro_r ul li:hover .more{background: #C30000}
/*product end*/

/*company start*/
.company{height: 540px;background: url(../images/combg.jpg) no-repeat center;}
.company .com_l{width: 770px;height: 540px;padding-right: 35px;background: url(../images/com_l.png);}
.company .com_l .title{height: 130px;}
.company .com_l .title b{display:block;font-size: 36px;color: #0067d5;letter-spacing:2px;padding-top: 35px}
.company .com_l .title span{font-size: 16px;color: #888;line-height: 200%}
.company .com_l .com_body{padding-top: 40px}
.company .com_l .com_body b{font-size: 17px}
.company .com_l .com_body p{line-height: 180%;font-size: 15px;text-indent: 2em}

.index_more {display: block;width: 134px;height: 36px;background: white;margin-top: 30px;border:1px solid #dfdfdf;}
.index_more .m1 {width: 97px;height: 36px;background: url(../images/c2.png) no-repeat right;line-height: 36px;text-align: center;font-size: 15px;color: #0067d5;font-weight: no-repeat;letter-spacing: 1px;}
.index_more .m2 {width: 37px;height: 36px;background: url(../images/c1.png) no-repeat;background-position-x: -37px;}
.index_more:hover .m1 {background: url(../images/c2.png) no-repeat left;color: white;animation: more1 0.5s ease-in;}
@keyframes more1 {
    0% {
        background: url(../images/c2.png) no-repeat right;
    }
    100% {
        background: url(../images/c2.png) no-repeat left;
    }
}

.index_more:hover .m2 {
    background: url(../images/c1.png) no-repeat;
    background-position-x: 0;
    animation: more2 1s ease;
    color: #0F4CBB;
}

@keyframes more2 {
    0% {
        background-position-x: -37px;
    }
    50% {
        background-position-x: -37px;
    }
    95% {
        background-position-x: 0px;
    }
    97.5% {
        background-position-x: -2px;
    }
    100% {
        background-position-x: 0px;
    }
}
/*company end*/

/*cate start*/
.cate{padding: 60px 0;background: url(../images/catebg.jpg) no-repeat center top;}
.cate ul{ margin:0 auto; padding:0; text-align:center;}
.cate ul li{ width:270px; height:350px; float:left; position:relative; overflow:hidden; cursor:pointer; margin-left:40px;}
.cate ul li:nth-child(1) {margin-left: 0px}
.cate ul li a{ color:#FFF;}
.cate ul li a .pic{ width:270px; height:350px; overflow:hidden;}
.cate ul li a .pic img{ max-width:100%; transition:0.5s;}
.cate ul li:hover a .pic img{ transform:scale(1.1,1.1)}
.cate ul li .bg{ background: rgba(0,0,0,0.4); position:absolute; z-index:1; width:100%; height:100%; left:0; top:0; transition:0.5s;}
.cate ul li:hover .bg{ background:rgba(192, 0, 5, 0.8);}
.cate ul li a .wenzi{ width:238px; height:300px; overflow:hidden; margin:25px 15px; border:1px solid rgba(255,255,255,0.3); position:absolute; z-index:2; left:0; top:0;}
.cate ul li a .wenzi .wz_pic{ width:62px; height:62px; margin:90px auto 0;}
.cate ul li a .wenzi .wz_pic img{ max-width:100%;}
.cate ul li a .wenzi font{ display:block; line-height:30px; padding:20px 0; color:#FFF;font-size: 18px;letter-spacing: 2px;}
/*cate end*/

/*ys start*/
.Index_ys{ background:#E1EFFF url(../images/ys_bg.jpg) no-repeat center top; }
.ys_why{ padding-top:30px; color:#FFF}
.ys_why .p1{font-size: 36px;}
.ys_why .p2{font-size: 16px;line-height: 30px;letter-spacing: 2px;margin-top: 6px}
.ys_list{ width:880px; margin-top:100px;}
.ys_list li{ float:left; width:360px; margin:0 80px 60px 0; }
.ys_list li .ys_tit{ background:url(../images/ys01.png) no-repeat center left; font-size:22px; padding-left:35px;}
.ys_list li .ys_tit2{ background:url(../images/ys02.png) no-repeat center left; font-size:22px; padding-left:35px;}
.ys_list li .ys_tit3{ background:url(../images/ys03.png) no-repeat center left; font-size:22px; padding-left:35px;}
.ys_list li .ys_tit4{ background:url(../images/ys04.png) no-repeat center left; font-size:22px; padding-left:35px;}
.ys_list li .ys_Inf{ font-size:14px; line-height:26px; margin-top:20px;color: #777}
.ys_more{ width:650px; background:#EAEAEA; text-align:center; height:35px; line-height:35px;}
.ys_more a{ font-size:14px; color:#015ED2}
/*ys end*/


/*new start*/
.new{padding: 50px 0;}
.new .title{color: #333;text-align: center;padding: 0px 0 10px 0}

.new .new_l{width: 770px;}
.new .new_l .title1{width:770px;height: 48px;border-bottom: 1px solid #E1E1E1;margin-bottom: 22px}
.new .new_l .newlzi{width: 380px;height: 190px;}
.new .new_l .newlzi .xw_title{height: 28px;line-height: 28px;font-size: 18px;width: 380px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;color: #222}
.new .new_l .newlzi .xw_con{line-height: 170%;color: #555;padding: 20px 0;font-size: 15px;}
.new .new_l .newlzi .more{width: 115px;height: 32px;background: #C00005;text-align: center;line-height: 32px;color: #fff;font-size: 15px;margin-top: 10px;}
.new .new_l .newlzi .more:hover {background: #BB0000;}
.new .new_l .nlb_zi{width: 730px;background: #eee;margin-top: 25px;padding: 20px;}
.new .new_l .nlb_zi li{height: 30px;line-height: 30px;color: #666;font-size: 15px;transition: all 0.2s ease-in;}
.new .new_l .nlb_zi li font{color:#999;transition: all 0.2s ease-in;}
.new .new_l .nlb_zi li .xwzi{width: 500px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;padding-left: 15px;transition: all 0.2s ease-in;}
.new .new_l .nlb_zi li:hover .xwzi{color: #0067d5}
.new .new_l .nlb_zi li:hover font{color: #0067d5}

.new .new_r .title1{width: 380px;height: 48px;border-bottom: 1px solid #E1E1E1}
.new .title1 b{font-size: 24px;line-height: 42px;color: #0067d5;letter-spacing: 2px;padding-left: 5px}
.new .title1 .more{line-height: 48px;color: #555}
.new .new_r .wt_con{width: 380px;}
.new .txtScroll-top{width: 380px; overflow:hidden; position:relative;top: 10px;}
.new .txtScroll-top .infoList li{ height:98px;}
.new .txtScroll-top .infoList li .que{width: 345px;height: 30px;line-height: 30px;background: url(../images/que.png) no-repeat 0px 13px;padding-left: 35px;margin-bottom: 6px;padding-top: 10px;font-size: 16px;color: #555;font-weight: bold;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.new .txtScroll-top .infoList li .ans{width: 345px;background: url(../images/ans.png) no-repeat top left;line-height: 22px;padding-left: 35px;position: relative;top: -3px;font-size: 15px;color: #777}
.new .txtScroll-top .infoList li:hover a{color: #333}
.new .txtScroll-top .infoList li:nth-child(2n+1) {background: #eee}
/*new end*/

/*footer start*/
.g_ft{ height:319px;background: url(../images/f_bg.jpg) repeat-x;}
.g_ft .ftico1{background: url(../images/ftico1.jpg) no-repeat;width: 150px;}
.f_nav{ height: 54px; line-height: 54px; text-align: center; margin-bottom: 40px;}
.f_nav li{ display: inline-block;background: url(../images/f_nav.png) no-repeat right 21px;}
.f_nav a{ color: #fff; font-size: 16px; display: inline-block; width:195px;}
.f_nav li:nth-last-of-type(1) { background: none;}

.f_con{ overflow: hidden; height: 180px;}
.f_con .ewm_f{ float: left;}
.f_con .ewm_f p{writing-mode: tb-rl;letter-spacing: 2px;padding-left: 10px;color: #fff;font-size: 16px;}
.f_con .ewm_f p.p1{padding-top: 45px;letter-spacing: 5px}
.f_con .ewm_f p.p2{padding-top: 25px;letter-spacing: 5px;}
.f_con ul{ float: right;margin-top: 5px}
.f_con ul li{ float: left;padding-left:90px; width: 185px; padding-right: 20px;background: url(../images/ftico1.png) no-repeat; min-height: 139px;}
.f_con ul li.bg2{background: url(../images/ftico2.png) no-repeat; }
.f_con ul li.bg3{background: url(../images/ftico3.png) no-repeat; }
.f_con ul li i{ display: block; padding-top: 25px; color: #d3d3d3; font-size: 16px; padding-bottom: 20px;}

.f_con ul li em{ display: block; color: #eee; font-size: 14px; line-height: 24px;}
.f_copy{ line-height: 45px; height: 45px; font-size: 14px; color: #eee;}
.f_copy a{color:#eee;}
/*footer end*/